<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>歌手列表</title>
  <link rel="stylesheet" href="./01.css">
</head>
<body>
    <div class="container">
      <h2>歌手列表</h2>
      <hr>
      <!-- 包裹所有歌手的容器 -->
      <div class="singer-list">
        <!-- 单个的歌手 -->
        <div class="singer-item">
          <!-- 图片 -->
          <img width="100%" src="//y.qq.com/music/photo_new/T001R500x500M0000025NhlN2yWrP4.jpg?max_age=2592000" alt="">
          <!-- 名字 -->
          <p>周杰伦</p>
        </div>
        <div class="singer-item">
          <!-- 图片 -->
          <img width="100%" src="//y.qq.com/music/photo_new/T001R500x500M000001BLpXF2DyJe2.jpg?max_age=2592000" alt="">
          <!-- 名字 -->
          <p>林俊杰</p>
        </div>
        <div class="singer-item">
          <!-- 图片 -->
          <img width="100%" src="//y.qq.com/music/photo_new/T001R500x500M000001fNHEf1SFEFN.jpg?max_age=2592000" alt="">
          <!-- 名字 -->
          <p>G.E.M. 邓紫棋</p>
        </div>
        <div class="singer-item">
          <!-- 图片 -->
          <img width="100%" src="//y.qq.com/music/photo_new/T001R500x500M000002J4UUk29y8BY.jpg?max_age=2592000" alt="">
          <!-- 名字 -->
          <p>薛之谦</p>
        </div>
        <div class="singer-item">
          <!-- 图片 -->
          <img width="100%" src="//y.qq.com/music/photo_new/T001R500x500M000001z2JmX09LLgL.jpg?max_age=2592000" alt="">
          <!-- 名字 -->
          <p>汪苏泷</p>
        </div>
      </div>
    </div>
</body>
</html>